<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<meta http-equiv="Content-Type" content="text/html; charset=GBK">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache">
	<meta http-equiv="Expires" content="0">
	<title>我的订单 -- 当当</title>
	<link rel="stylesheet" type="text/css" href="./Public/Home/css/index.css"/>
	<link rel="stylesheet" type="text/css" href="./Public/Home/css/myallorders/header.css" />
	<link rel="stylesheet" type="text/css" href="./Public/Home/css/myallorders/order.min.css" />
	<link rel="stylesheet" type="text/css" href="./Public/Home/css/myallorders/order_my.css" />
	<link rel="stylesheet" type="text/css" href="./Public/Home/css/myallorders/myorder.css" />
	<link rel="stylesheet" type="text/css" href="./Public/Home/css/myallorders/reco_wrap.css" />
	<script src="./Public/Home/js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="./Public/Home/js/index.js" type="text/javascript" charset="utf-8"></script>
	<style type="text/css">
		#dh .dh_class .classify .box {
		  display: none;
		}
	</style>
	</head>
	
	<body>
		{{include file="../Common/header"}}
		<div class="mydnew_break">您现在的位置：
			<a href="">当当</a> > <span><a href="">我的当当</a></span> > <span>我的订单</span>
		</div>
		<div class="clear"></div>
		<div class="wrapper">
			{{include file="../Common/orderLeft"}}
			<div class="centersidebar">
				<div class="myddorder_tab">
					<a name="myorders" class="current"><span>我的订单</span></a>
				</div>
				<div class="myddorder_search clearfix">
					<div class="myddorder_inquiry">
					</div>
				</div>

				<div id="order_list">
					<table cellpadding="0" cellspacing="0" class="order_list">
						<thead>
							<tr class="order_list_title">
								<td class="row01">商品信息</td>
								<td class="row03">单价</td>
								<td class="row03">数量</td>
								<td class="row04">实际付款</td>
								<td class="row06">交易状态</td>
								<td width="92" class="row02">操作</td>
							</tr>
						</thead>
					</table>
				</div>
					{{if value="empty($orderListData)"}}
					<div class="order_none">
						<h4>很抱歉，没有找到相关的订单信息</h4>
					</div>
					{{endif}}
					{{foreach from='$orderListData' value='$v'}}
					<div class="order_list">
						<div class="order_number">
							<input type="checkbox" name="" id="" value="" />
							<span>订单号:{{$v['number']}}</span>
							<i></i>
						</div>
						<div class="f1">
							<img src="{{$v['pic']}}"/>
							<span>{{$v['shopname']}}</span>
							<span><a href="JavaScript:;">{{$v['explain']}}</a></span>
						</div>
						<div class="f2">
							<span>¥{{$v['shopprice']}}</span>
						</div>
						<div class="f3">
							<span>1</span>
						</div>
						<div class="f6">
							<span>¥{{$v['total']}}</span>
						</div>
						<div class="f5">
							{{if value="$v['status'] eq 0"}}
								<span>等待到款</span>
							{{elseif value="$v['status'] eq 1"}}
								<span>待发货</span>
							{{elseif value="$v['status'] eq 2"}}
								<span>已发货</span>
							{{else}}
								<span>已完成</span>
							{{endif}}
						</div>
						<div class="f4">
							{{if value="$v['status'] eq 0"}}
								<a href="{{U('Cart/payment',['orderId'=>$v['number']])}}" style="width: 50px;height: 20px;background: #FF9C1C;display: block;color: #fff;line-height: 20px;margin-left: 30px;">付款</a>
							{{endif}}
						</div>
					</div>
					{{endforeach}}

				<div class="fix_box">
					<a href="#" class="fix_box_back_up">返回顶部</a>
				</div>
			</div>
		</div>
		<style type="text/css">
			.order_list{
				height: auto;
				margin-top: 20px;
				overflow: hidden;
			}
			.order_list .order_number{
				height: 25px;
				background: #eee;
				position: relative;
			}
			.order_list .order_number input{
				float: left;
				margin-top: 5px;
				margin-right: 10px;
				margin-left: 5px;
				display: block;
			}
			.order_list .order_number span{
				width: 170px;
				float: left;
				line-height: 25px;
			}
			.order_list .order_number i{
				position: absolute;
				width: 82px;
				height: 25px;
				background: url(./Public/Home/images/content/8.png) no-repeat -0 0;
				display: block;
				left: 200px;	
			}
			.order_list .f1{
				width: 300px;
				height: 115px;
				margin-top: 15px;
				float: left;
			}
			.order_list .f1 img{
				width: 70px;
				height: 70px;
				margin-left: 20px;
				float: left;
			}
			.order_list .f1 span{
				text-indent: 1em;
				display: block;
			}
			.order_list .f2{
				width: 77px;
				height: 115px;
				float: left;
				margin-top: 15px;
				text-align: center;
			}
			.order_list .f5{
				width: 105px;
				height: 115px;
				float: left;
				margin-top: 15px;
				text-align: center;
			}
			.order_list .f2 span{
				color: #CC3300;
				font-size: 14px;
				text-align: center;
			}
			.order_list .f3{
				width: 77px;
				height: 115px;
				float: left;
				margin-top: 15px;
				text-align: center;
			}
			.order_list .f4{
				width: 97px;
				height: 115px;
				float: left;
				margin-top: 15px;
				text-align: center;
			}
			.order_list .f6{
				width: 124px;
				height: 115px;
				float: left;
				margin-top: 15px;
				text-align: center;
			}
			.order_list .f6 span{
				color: #CC3300;
				font-size: 14px;
				text-align: center;
			}
			.order_list .f4 p{
				margin-top: 10px;
			}
		</style>
		
	{{include file="../Common/footer"}}
		
	</body>